<template>
  <div class="page">
    <nav-bar title="日常工作" search message theme="white" />
    <div class="page-main" style="margin-top: 44px">
      <div class="routine-title">工作台</div>
      <van-row class="routine-container">
        <van-col span="6" @click="$router.push(item.path)" v-for="(item, key) in entryBar" align="center" :key="key">
          <div class="routine-entry-item">
            <img class="routine-entry-img" :src="item.iconPath" alt="" />
            <p class="routine-entry-text">{{ item.text }}</p>
          </div>
        </van-col>
      </van-row>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      entryBar: [
        {
          text: '我的日志',
          iconPath: require('@/assets/images/routine/icon_log@2x.png'),
          path: '/routine/log'
        },
        {
          text: '评价反馈',
          iconPath: require('@/assets/images/routine/icon_opinion@2x.png'),
          path: '/routine/opinions'
        },
        {
          text: '在线联系',
          iconPath: require('@/assets/images/routine/icon_online_contact@2x.png')
          // path: '/routine/online'
        },
        {
          text: '绩效考核',
          iconPath: require('@/assets/images/routine/icon_assessment@2x.png'),
          path: '/routine/appraisal'
        },
        {
          text: '工作任务',
          iconPath: require('@/assets/images/routine/icon_task@2x.png'),
          path: '/routine/workTasks'
        }
      ]
    }
  }
}
</script>
<style lang="less" scoped>
@import '~@/assets/style/routine/index.less';
</style>
